<script setup lang="ts">
import { inject } from 'vue'

// 通过 inject 接收并使用 Provide 注入的值
const count = inject('count')

//接收父代组件传递过来的函数,进行修改父代组件的值
// inject<(num:number)=>void>:如果是函数的话需要定义类型,有参数的话需要定义参数
const updateCount = inject<(num: number) => void>('updateCount')
</script>

<template>
  <div class="child-page" style="padding: 50px; border: 10px solid #ccc">
    <h3>我是后代接收父代的值{{ count }}</h3>
    child 组件 <button @click="updateCount!(100)">修改count</button>
  </div>
</template>
